<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <!-- <table>
        <caption>天气预报</caption>
        <thead>
        <tr>
            <th>日期</th>
            <th>天气情况</th>
            <th>出行情况</th>
        </tr>
        </thead>

        <tbody>
        <tr>
            <td>2019-01-01</td>
            <td>晴朗</td>
            <td>适合出行</td>
        </tr>

        <tr>
                <td>2019-01-02</td>
                <td>下雨</td>
                <td>需要带伞</td>
        </tr>
        </tbody>
        
        <tfoot>
            <tr>
                <td>合计</td>
                <td>1000</td>
                <td>2000</td>
            </tr>
        </tfoot>

    </table> -->










    <table border="1" cellpadding="30" cellspacing="30">
        <caption>天气预报</caption>
        <thead>
        <tr align="right">
            <th colspan="2">日期</th>
            <th>天气情况</th>
            <th>出行情况</th>
        </tr>
        </thead>

        <tbody>
        <tr valign="top">
            <td>2019-01-01</td>
            <td rowspan="2">白天</td>
            <td>晴朗</td>
            <td>适合出行</td>
        </tr>

        <tr>
                <td>2019-01-02</td>

                <td>下雨</td>
                <td>需要带伞</td>
        </tr>
        </tbody>
        
        <tfoot>
            <tr>
                <td>合计</td>
                <td>1000</td>
                <td>2000</td>
                <td>3000</td>
            </tr>
        </tfoot>

    </table>
</body>
</html>